<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>欢迎页面</title>
    <script src="/js/jquery-3.5.1.min.js"></script>
    <style>
        body {
            margin: 0 auto;
            height: 100%;
            width: 100%;
            font-size: 14px;
            color: #323232;
        }

        body::after {
            top: 0;
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            background: url(bj2.png);
            background-size: cover;
            filter: blur(1px);
        }
        .content{
          background: rgba(255, 255, 255, 0.6);
          border-radius: 4px;
          position:fixed;
          top:50%;
          left: 50%;
          z-index: 1;
          padding: 30px;
          height: 86%;
          width: 86%;
          box-sizing: border-box;
          transform: translate(-50%,-50%);
        }
    </style>
</head>

<body onload="getParams()">
  <div class="content">
    <span id="email"></span>
  </div>
    

    <script type="text/javascript">
        function getParams() {
            var url=location.search;
            var Request = new Object();
            if(url.indexOf("?")!=-1)
            {
                var str = url.substr(1);　//截取?之后的字符串
                strs= str.split("&");//将字符串以符号"&"分隔成两段
                for(var i = 0; i < strs.length; i++)
                {
                    Request[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
                }
            }
            $.ajax({
                url: "/api/user/welcome/" + Request["email"],
                type: "GET",
                success: function(data) {
                    var email = document.getElementById("email");
                    email.innerHTML=data;
                },
                error: function(data) {
                    var email = document.getElementById("email");
                    email.innerHTML=data.responseText;
                }
            });
        }
    </script>
</body>
</html>